html {
  font-size: 26.66667vw;
}
body {
  font-size: .14rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
img {
  vertical-align: middle;
}
#header {
  background-color: #006699;
  display: flex;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#header .left {
  width: .45rem;
}
#header .center {
  flex: 1;
  text-align: center;
}
#header .center h4 {
  line-height: .45rem;
  font-weight: normal;
}
#header .right {
  width: .45rem;
  text-align: center;
  line-height: .45rem;
}
#main {
  padding: .45rem 0;
  height: 100vh;
  position: relative;
}
#main .mui-scroll-wrapper {
  position: relative;
  height: 100%;
}
#main .swiper-container {
  height: 100%;
}
#main .swiper-container .swiper-slide {
  height: auto;
}
#footer {
  background-color: #006699;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
#footer a {
  display: flex;
  height: .45rem;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#footer a span {
  line-height: 1;
}
#footer a.active {
  color: orange;
}
#main {
  /* 轮播图区域 */
}
#main a {
  display: block;
}
#main a img {
  width: 100%;
}
#main .nav {
  padding: .1rem;
}
#main .banner {
  padding: 0 .1rem;
}
#main .banner .left a {
  display: flex;
}
#main .banner .left a img {
  width: 50%;
  height: 1.2rem;
}
#main .banner .right a img {
  height: 2.4rem;
}
#main .brand,
#main .sports,
#main .women,
#main .man,
#main .flash {
  padding: .1rem;
}
